<template>
<div>
    <div v-for="item in channels" :key="item.id">
          <Channel :data="item"></Channel>
    </div>

</div>

</template>

<script>
import Channel from "./Channel.vue"
import Channels from "../services/channel"
export default {
    components:{
        Channel,
    },
    data(){
        return {
            channels:[],
        }
    },
    async created(){
        this.channels= await Channels.getChannels();
    }
}
</script>

<style>

</style>